<html>
<head>
<title>GRID PHP</title>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.blueopal.min.css" />
<script type="text/javascript" src="http://cdn.kendostatic.com/2012.2.710/js/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<script type="text/javascript">
$(function() {
   $("#grid").kendoGrid({
                        dataSource: {
                            transport: {
                                read: "data/fetch.php",
                                            update: {url:"data/update.php", type:"POST"},
                                            create: {url:"data/create.php",type:"POST"},
                                            destroy: {url:"data/destroy.php",type:"POST"}
                            },
                                       batch: true,
                            schema: {
                                model: {
                                                 id: "Id",
                                    fields: {
                                        Id: { type: "number" },
                                        Column1: { type: "string"},
                                        Column2: { type: "string" },
                                    }
                                }
                            },
                            pageSize: 25
                        },
                                 editable:  "inline",
                        height: 600,
                        filterable: true,
                        sortable: true,
                        pageable: true,
                                 toolbar: ["create"],
                        columns: [{
                                field:"Column1",
                                            title: "Column1",
                                filterable: true
                            },
                            {
                                field: "Column2",
                                title: "Column2",
                            },
                                      { command: [{text:"Edit record", name:"edit"}, {text:"Delete record",name:"destroy"}], title: " ", width: "210px" }
                        ]
                    });
});
</script>
</head>
<body>
<div id="grid"></div>
</body>
</html>   